<!--  -->
<template>
  <el-breadcrumb separator>
    <el-breadcrumb-item v-for="(item,index) in tabList" :key="index">
      <el-button size="small">{{item.name}}</el-button>
    </el-breadcrumb-item>

</template>

<script lang='ts'>
import { reactive, toRefs, onBeforeMount, onMounted } from "vue";
import { useStore } from "vuex";
interface DataProps {}
export default {
  name: "Top",
  setup() {
    const store = useStore();
    const data: DataProps = reactive({
      tabList: store.state.tab.tabList
    });
    const refData = toRefs(data);
    return {
      ...refData
    };
  }
};
</script>
<style scoped>
</style>